From 0be532e70aaec7b9ee7650956f9605f54912c01b Mon Sep 17 00:00:00 2001
From: real-zephex <zephex-1@outlook.com>
Date: Wed, 10 Apr 2024 18:55:59 +0530
Subject: tried to fix auto resizing of the video player on quality change.

---
 src/app/anime/[id]/buttons.jsx | 50 ++++++++++++++++++++++--------------------
 1 file changed, 26 insertions(+), 24 deletions(-)

(limited to 'src/app/anime/[id]/buttons.jsx')

diff --git a/src/app/anime/[id]/buttons.jsx b/src/app/anime/[id]/buttons.jsx
index 3ce44e2..eac1884 100644
--- a/src/app/anime/[id]/buttons.jsx
+++ b/src/app/anime/[id]/buttons.jsx
@@ -55,30 +55,32 @@ export default function Button({ data2: info }) {
 						}
 					}}
 				>
-					<MediaPlayer
-						title="dramaPlayer"
-						src={videoLink}
-						aspectRatio="16/9"
-						load="eager"
-						className={styles.VideoPlayer}
-						playsInline
-						id="videoPlayer"
-						volume={0.2}
-						onQualityChange={(event) =>
-							console.log("changed qualities", event)
-						}
-					>
-						<MediaProvider />
-						<PlyrLayout icons={plyrLayoutIcons} />
-					</MediaPlayer>
-					<button
-						className={styles.closeButton}
-						onClick={() => {
-							setVideoLink("");
-						}}
-					>
-						Close
-					</button>
+					<div className={styles.video}>
+						<MediaPlayer
+							title="dramaPlayer"
+							src={videoLink}
+							aspectRatio="16/9"
+							load="eager"
+							className={styles.VideoPlayer}
+							playsInline
+							id="videoPlayer"
+							volume={0.2}
+							onQualityChange={(event) =>
+								console.log("changed qualities", event)
+							}
+						>
+							<MediaProvider />
+							<PlyrLayout icons={plyrLayoutIcons} />
+						</MediaPlayer>
+						<button
+							className={styles.closeButton}
+							onClick={() => {
+								setVideoLink("");
+							}}
+						>
+							Close
+						</button>
+					</div>
 				</div>
 			)}
 		</main>
-- 
cgit v1.2.3

